import React, { Component } from 'react'
import { NavLink } from 'react-router-dom'
export default class componentName extends Component {
  render() {
    return (
      <footer className="footer">
        {/* vue 有 router-link to tag="" */}
        {/* react 有 NavLink  和 Link 
        NavLink activeClassName / activeStyle
        */}
        <ul>
          <NavLink to="/home">
            <span className="iconfont icon-shouye"></span>
            <p>首页</p>
          </NavLink>
          <NavLink to="/kind">
            <span className="iconfont icon-leimupinleifenleileibie"></span>
            <p>分类</p>
          </NavLink>
          <NavLink to="/cart">
            <span className="iconfont icon-gouwuche"></span>
            <p>购物车</p>
          </NavLink>
          <NavLink to="/user">
            <span className="iconfont icon-a-wode"></span>
            <p>我的</p>
          </NavLink>
        </ul>
      </footer>
    )
  }
}
